@mixin clearfix {
    &:after {
      content: "";
      display: table;
      clear: both;
    }
  }
  
  @mixin scrollBar {
    &::-webkit-scrollbar-track-piece {
      background: #d3dce6;
    }
  
    &::-webkit-scrollbar {
      width: 6px;
    }
  
    &::-webkit-scrollbar-thumb {
      background: #99a9bf;
      border-radius: 20px;
    }
  }
  
  @mixin relative {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  @mixin flex-column{
    display: flex;
    flex-direction: column;
  }
  
  @mixin flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @mixin flex-items{
    display: flex;
    align-items: center;
  }